#@layout()
#define main()
<div style="padding: 16px;">
	<table class="layui-hide" id="test" lay-filter="test"></table>
</div>
<script>
	layui.use(['table'], function(){
		var table = layui.table;
		// 创建渲染实例
		table.render({
			elem: '#test',
			url: '/life/data', // 此处为静态模拟数据，实际使用时需换成真实接口
			toolbar: '#toolbarDemo',
			defaultToolbar: ['filter', 'exports', 'print', { // 右上角工具图标
				title: '提示',
				layEvent: 'LAYTABLE_TIPS',
				icon: 'layui-icon-tips',
				onClick: function(obj) { // 2.9.12+
					layer.alert('自定义工具栏图标按钮');
				}
			}],
			height: 'full-180', // 最大高度减去其他容器已占有的高度差
			css: [ // 重设当前表格样式
				'.layui-table-tool-temp{padding-right: 145px;}'
			].join(''),
			cellMinWidth: 80,
			parseData: function(res){ // res 即为原始返回的数据
				return {
					"code": res.code===200?0:false, // 解析接口状态
					"msg": res.msg, // 解析提示文本
					"data": res.data // 解析数据列表
				};
			},
			cols: [[
				{field:'life_title', minWidth: 300, title: '人生清单标题',},
				{field:'sort', title: '排序', minWidth: 300,expandedWidth: 800},
				{field:'degree', title: '完成度', minWidth: 300,expandedWidth: 800},
				{fixed: 'right', title:'操作', width: 134, minWidth: 125, templet: '#toolDemo'}
			]],
			done: function(){
				var id = this.id;
				// 下拉按钮测试

			},
			error: function(res, msg){
				console.log(res, msg)
			}
		});

	});
</script>
#end